<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit">
    <title>【{{$selCity['value']}}】-瓜子二手车直卖网</title>
    <script type="text/javascript" src="/js/index1.js"></script>
    <script type="text/javascript" src="/js/index2.js"></script>
</head>
<body>

<!-- 头部开始 -->
    <div class="header">
        <div class="hd-top clearfix">
            <a href="/{{$selCity['pinyin']}}/" class="logo" title="瓜子二手车直卖网">
                {{$selCity['value']}}二手车
            </a>

            <div class="c2city">
                <a href="javascript:;" class="choose-city">
                    <span>
                        {{$selCity['value']}}                    <i>&nbsp;</i>
                    </span>
                </a>
                    <i class="maskline"></i>
                    <div class="city-box">
                        <div class="all-city">
                            @foreach($cities as $char=>$city)
                            <dl>
                                <dt>{{$char}}</dt>
                                <dd>
                                    @foreach($city as $key=>$val)
                                        <a   href="/{{$key}}/" title="{{$val}}二手车">{{$val}}
                                        </a>
                                    @endforeach
                                </dd>
                            </dl>
                            @endforeach
                        </div>
                        <p class="more-city">更多城市正在加紧筹备，敬请期待。</p>
                    </div>
                </div>

             @if (Auth::check())
             <div class="uc js-uc">
                <a class="" id="js-login-temp" href="{{url('auth/logout')}}">
                    <span style="font-size:16px">退出</span>
                </a>
            </div>
            <div class="uc js-uc">
                <a class="" id="js-login-temp" href="{{$selCity['pinyin']}}/user/collect">
                    <span style="font-size:16px;border-right:2px solid grey;padding-right:13px">
                        欢迎：{{Auth::user()->username}}
                    </span>
                </a>
            </div>

              @else
            <div class="uc">
                <a id="js-login-temp" href="{{url('auth/register')}}">
                    <span style="font-size:16px">注册</span>
                </a>
            </div>

            <div class="uc" id="js-login-temp">
                <a href="{{url('auth/login')}}">
                    <span style="font-size:16px;border-right:2px solid grey;padding-right:13px">登录</span>
                </a>
            </div>

            @endif


            <!--头部搜索框 -->
            <div class="search-box" style="margin-right:80px">
                <div>
                <form action="" id="searchForm" method="post">
                    <input type="text" class="search-input js_search_input_index" placeholder="搜索您想要的车" data-role="keywordInput" name="brand" autocomplete="off" id="brand">
                    <button class="search-btn" >搜索</button>
                    <input type="hidden" name="_token" value="<?php echo csrf_token()?>">
                </form>
                </div>
            </div>
            <script>
                $('#brand').mouseleave(function(){
                    //alert($('#keyword').val());
                    $.ajax({
                        method:'post',
                        url:'/getBrandPinyin',
                        data:{
                            'brand':$('#brand').val(),
                            '_token':'{{csrf_token()}}'
                        },
                        success:function(data){
                            if (data != 0) {
                                $('#searchForm').attr('action',"/{{$selCity['pinyin']}}/"+data);
                            }
                        }
                    })
                });
            </script>
        </div>


         <div class="nav">
            <div class="w">
                <a class="fl active" href="/" title="瓜子二手车">首页</a>
                <a class="fl " href="/{{$selCity['pinyin']}}/buy"  title="{{$selCity['value']}}个人二手车">我要买车</a>
                <a class="fl " href="/{{$selCity['pinyin']}}/sellcar/" title="{{$selCity['value']}}二手车出售" >我要卖车</a>
            </div>
        </div>


<!-- 首页内容区  s -->
<div class="index-area">

    <!--banner显示 s-->
    <div class="sel-op clearfix">
    <div class="sel-area fl">
        <div class="buy-tit">免费卖车
            <span>
                <em class="orgtext">平均7天卖出</em>
            </span>
        </div>
        <div class="sell-car-box" >
            <form action="/sidebar/mobile" method="post" class="clearfix" >
                <input type="text" class="sell-phone-input" name="mobile"  placeholder="请输入手机号码">
                <input type="hidden" name="_token" value="<?php echo csrf_token()?>">
                <input type="submit" value="我要卖车" style="width: 98px;height: 36px;background: #22ac38;color: #fff;border: none;border-radius: 5px;margin-left: 5px;">
            </form>
        </div>
        <div class="buy-tit">我要买车<span>1年2万公里质保</span></div>
        <div class="sx">
            <div class="sx-pinpai js_brands_index">
                <div class="dt">品牌</div>
                <div class="dd" id="baidu_alog">
                    <a href="/{{$selCity['pinyin']}}/dazhong/" class="i-dazhong" title="大众二手车">大众</a>
                    <a href="/{{$selCity['pinyin']}}/toyota/" class="i-toyota" title="丰田二手车">丰田</a>
                    <a href="/{{$selCity['pinyin']}}/honda/" class="i-honda" title="本田二手车">本田</a>
                    <a href="/{{$selCity['pinyin']}}/benchi/" class="i-benz" title="奔驰二手车">奔驰</a>
                    <a href="/{{$selCity['pinyin']}}/bmw/" class="i-bmw" title="宝马二手车">宝马</a>
                    <a href="/{{$selCity['pinyin']}}/audi/" class="i-audi" title="奥迪二手车">奥迪</a>
                                                                                                                                                                                                                                                                                                                                                                                            <span class="tip-right"></span>
                </div>
                <div class="ppmore" >
                    <div class="leftline" ></div>
                    <p>所有品牌</p>
                         <table class="tbl">
                            <tbody>
                                @foreach($brands1 as $char=>$brand)
                                 <tr>
                                    <td class="zm">{{$char}}</td>
                                    <td>
                                        @foreach($brand as $key=>$val)


                                              <a baidu_alog='pc_index_fastPick_brand&click&pc_index_fastPick_brand_all_c' data-gzlog="tracking_type=click&eventid=0050080000000025&brand={{$val}}"  href="/{{$selCity['pinyin']}}/{{$key}}/" title="{{$val}}二手车">{{$val}}</a>
                                        @endforeach
                                     </td>
                                </tr>
                                 @endforeach
                            </tbody>
                        </table>
                        <table class="tbr">
                            <tbody>
                                @foreach($brands2 as $char=>$brand)
                                 <tr>
                                    <td class="zm">{{$char}}</td>
                                    <td>
                                        @foreach($brand as $key=>$val)
                                              <a baidu_alog='pc_index_fastPick_brand&click&pc_index_fastPick_brand_all_c' data-gzlog="tracking_type=click&eventid=0050080000000025&brand={{$val}}"  href="/{{$selCity['pinyin']}}/{{$key}}/" title="{{$val}}二手车">{{$val}}</a>
                                        @endforeach
                                     </td>
                                </tr>
                                 @endforeach
                            </tbody>
                        </table>
                    </div>
            </div>
            <div class="sx-price" style="margin-top:40px">
                <div class="dt">价格</div>
                <div class="dd">
                    <a href="/{{$selCity['pinyin']}}/buy/p3/" title='5万以下二手车'>5万以下</a>
                    <a href="/{{$selCity['pinyin']}}/buy/p4/" title='10万以下二手车'>5-10万</a>
                    <a href="/{{$selCity['pinyin']}}/buy/p5/" title='15万以下二手车'>10-15万</a>
                    <a href="/{{$selCity['pinyin']}}/buy/p6/" title='20万以下二手车'>15-20万</a>
                    <a href="/{{$selCity['pinyin']}}/buy/p7/" title='25万以下二手车'>20-25万</a>
                    <a href="/{{$selCity['pinyin']}}/buy/p8/" title='40万以下二手车'>25-40万</a>
                    <a href="/{{$selCity['pinyin']}}/buy/p9/" title='60万以下二手车'>40-60万</a>
                    <a href="/{{$selCity['pinyin']}}/buy/p10/" title='60万以上二手车'>60万以上</a>
                </div>
            </div>

        </div>
    </div>
    <div class="op-area fr">
        <!--banner -->
        <div class="op-slide" data-widget="app/ms_v2/widget/slide.js" data-slide-fn="app/ms_v2/self_service/page/promotion_index.js#slideFn" data-interval="3000">
            <div data-role="list">
                <div class="slide-li" data-role="item" style="background: url('https://image.guazistatic.com/gz01170227/16/17/567944d7284b4d9ace79cf78b71ed694.jpg@base@tag=imgScale&w=860&h=305&q=88') center center no-repeat;" baidu_alog='banner&&click&&index_top_banner_0'>
                    <a rel="nofollow" baidu_alog='pc_index_topYunying&click&pc_index_topYunying_banner_0_c' data-gzlog="tracking_type=click&eventid=1010000000000001"  class="ban_a">
                    </a>
                </div>
                <div class="slide-li" data-role="item" style="background: url('https://image.guazistatic.com/gz01170420/12/29/6fccc8a245fcd1683875ac1a981dcb6c.png@base@tag=imgScale&w=860&h=305&q=88') center center no-repeat;" baidu_alog='banner&&click&&index_top_banner_1'>
                    <a rel="nofollow" baidu_alog='pc_index_topYunying&click&pc_index_topYunying_banner_1_c' data-gzlog="tracking_type=click&eventid=1010000000000002"   class="ban_a">
                    </a>
                </div>
                <div class="slide-li" data-role="item" style="background: url('https://image.guazistatic.com/gz01170420/12/27/650060129dd2e6819e1fe05638be0b55.jpg@base@tag=imgScale&w=860&h=305&q=88') center center no-repeat;" baidu_alog='banner&&click&&index_top_banner_2'>
                    <a rel="nofollow" baidu_alog='pc_index_topYunying&click&pc_index_topYunying_banner_2_c' data-gzlog="tracking_type=click&eventid=1010000000000003"  class="ban_a">
                    </a>
                </div>
                <div class="slide-li" data-role="item" style="background: url('https://image.guazistatic.com/gz01170420/12/31/82af49aab96fdb5a3930e3ecb442b88e.jpg@base@tag=imgScale&w=860&h=305&q=88') center center no-repeat;" baidu_alog='banner&&click&&index_top_banner_3'>
                    <a rel="nofollow" baidu_alog='pc_index_topYunying&click&pc_index_topYunying_banner_3_c' data-gzlog="tracking_type=click&eventid=1010000000000004" class="ban_a">
                    </a>
                </div>
                <div class="slide-li" data-role="item" style="background: url('https://image.guazistatic.com/gz01170523/11/26/7b0d3fe4fdbca238b2b1a898e65e9130.png@base@tag=imgScale&w=860&h=305&q=88') center center no-repeat;" baidu_alog='banner&&click&&index_top_banner_4'>
                    <a rel="nofollow" baidu_alog='pc_index_topYunying&click&pc_index_topYunying_banner_4_c' data-gzlog="tracking_type=click&eventid=1010000000000444"  class="ban_a"></a>
                </div>
            </div>

            <div class="slide-ctrl">
                <span class="on active" data-role="point" data-slide-to="0"></span>
                <span class="on " data-role="point" data-slide-to="1"></span>
                <span class="on " data-role="point" data-slide-to="2"></span>
                <span class="on " data-role="point" data-slide-to="3"></span>
                <span class="on " data-role="point" data-slide-to="4"></span>
            </div>
        </div>

        <!--三个运营位 -->
        <div class="op-img">
            <ul class="clearfix">
                <li>
                    <img src="https://image.guazistatic.com/gz01170420/11/05/816ca14645d0b6d46fc6c0751dd0712d.png@base@tag=imgScale&w=284&h=98&q=88" alt="瓜子分期">
                </li>
                <li>
                    <img src="https://image.guazistatic.com/gz01170420/11/07/ffc3f83779e4fc78bf8f255d228da3bc.png@base@tag=imgScale&w=284&h=98&q=88" alt="">
                </li>
                <li>
                    <img src="https://image.guazistatic.com/gz01170420/11/07/2a9a1b81e8aafbf50a95a1368490645b.png@base@tag=imgScale&w=284&h=98&q=88" alt="">
                </li>
            </ul>
        </div>
    </div>
</div>
    <!--banner显示 e -->

    <!--服务介绍 s-->
    <ul class="ser-gua clearfix">
    <li><i class="ser-1"></i>100%个人二手车</li>
    <li><i class="ser-2"></i>259项全面检测</li>
    <li><i class="ser-3"></i>14天可退</li>
    <li><i class="ser-4"></i>1年2万公里质保</li>
</ul>
    <div class="w indexTab">
        <div class="title clearfix">
              <span class="ti-left">
                <span>热门好车</span>
                    <a data-role="tabSelect" >最新上架</a>
                    <a data-role="tabSelect" >准新车</a>
                </span>
        </div>

    <!--帖子列表 -->
    <div data-role="showList">
        <div class="list" style="display:block;">
            <ul class="list-bigimg clearfix">
                @foreach($likes as $like)
                <li clue_id="14073510">
                    <div class="list-infoBox">
                        <a title="{{$like->brand_name}}{{$like->series_name}} {{$like->year_type}} {{$like->emission}} {{$like->type}}" target="_blank" class="imgtype" href="/{{$selCity['pinyin']}}/{{$like->car_id}}" >
                            <img width="290" height="194" src="{{$like->index_img_path}} ">
                        </a>
                        <p class="infoBox">
                            <a title="{{$like->brand_name}}{{$like->series_name}} {{$like->year_type}} {{$like->emission}} {{$like->type}}" href="/{{$selCity['pinyin']}}/{{$like->car_id}}" target="_blank" class="info-title" >{{$like->brand_name}}{{$like->series_name}} {{$like->year_type}} {{$like->emission}} {{$like->type}}
                            </a>
                         </p>
                        <p class="fc-gray">
                            <span class="">{{$like->reg_time}}上牌</span><em class="shuxian">|</em>行驶{{$like->mileage}}万公里
                        </p>
                        <p class="priType-s"><em class="tag-yellow">超值</em>
                             <span>
                                <i class="fc-org priType">{{$like->price}}万</i>
                              </span>
                            <s>{{$like->price*1.2}}万</s>
                        </p>
                    </div>
                 </li>
                 @endforeach
            </ul>
            <div class="all-car-link">
                <a  href="/bj/buy/i7/">更多最新上架</a>
            </div>
        </div>
        <div class="list" style="display:block;">
            <ul class="list-bigimg clearfix">
                @foreach($news as $new)
                 <li clue_id="14062540">
                    <div class="list-infoBox">
                        <a  title="{{$new->brand_name}}{{$new->series_name}} {{$new->year_type}} {{$new->emission}} {{$new->type}}" target="_blank" class="imgtype" href="/{{$selCity['pinyin']}}/{{$new->car_id}}" >
                            <img width="290" height="194" src="{{$new->index_img_path}}" alt="{{$new->brand_name}}{{$new->series_name}} {{$new->year_type}} {{$new->emission}} {{$new->type}}">
                        </a>
                        <p class="infoBox">
                            <a  title="{{$new->brand_name}}{{$new->series_name}} {{$new->year_type}} {{$new->emission}} {{$new->type}}" href="/{{$selCity['pinyin']}}/{{$new->car_id}}" target="_blank" class="info-title" >{{$new->brand_name}}{{$new->series_name}} {{$new->year_type}} {{$new->emission}} {{$new->type}}</a>
                        </p>
                        <p class="fc-gray">
                            <span class="">{{$new->reg_time}}上牌</span><em class="shuxian">|</em>行驶{{$new->mileage}}万公里</p>
                        <p class="priType-s"><em class="tag-red">急售</em>
                            <em class="tag-yellow">超值</em>
                            <span><i class="fc-org priType">{{$new->price}}万</i></span>
                            <s>{{$new->price*1.2}}万</s>
                        </p>
                    </div>
                </li>
                @endforeach
            </ul>
            <div class="all-car-link">
                <a  href="/bj/buy/c4/">更多准新车</a>
            </div>
        </div>
    </div>    <!--首页帖子列表 e -->
</div>

</div>
<!-- 首页内容区  e -->

<!-- 底部  s -->
@include('footer')
</body>
</html>
